<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>



<f:view>
<h:form id="form01">
	
	<f:verbatim><div style="height:20px;"></div></f:verbatim>

	<t:dataTable id="data"
                styleClass="dataTable"
                headerClass="dataTableHeader01"                
                columnClasses="dataTableCell"
                var="service"
                value="#{serviceStatisticsBacking.services}"
                preserveDataModel="true">
                
    	<t:columns value="#{serviceStatisticsBacking.servicesColumns}" var="column">
        	<f:facet name="header">
            	<h:outputText value="#{column.label}"/>
        	</f:facet>
        	<t:commandLink action="showDetails" immediate="true">
				<h:outputText value="#{service}"/>                   
        	</t:commandLink>                       
    	</t:columns>				                
	</t:dataTable>
	
	
	<t:dataTable id="data" var="row" value="#{serviceStatisticsBacking.openDataList.data}"
                         preserveDataModel="false" rows="10" preserveSort="false">
                <t:columns id="columns" value="#{serviceStatisticsBacking.openDataList.columnHeaders}" var="columnHeader">
                    <f:facet name="header">
						<h:outputText value="#{columnHeader.label}" />
                    </f:facet>
                    <!-- row is also available -->                    
                    <h:outputText value="#{serviceStatisticsBacking.openDataList.columnValue}" />
                </t:columns>
	</t:dataTable>
	
</h:form>	
</f:view>